<script setup></script>

<template>
  <div class="titlebox">
    <div class="text">请输入NFT介绍，不超过200个字</div>
    <div class="text1">上传NFT</div>
  </div>
</template>

<style scoped>
.titlebox {
  position: absolute;
  width: 375px;
  height: 152px;
  top: 120px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background: #ffffff;
}

.text {
  position: absolute;
  height: 24px;
  left: 15px;
  right: 93px;
  top: 10px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 24px;
  /* identical to box height */
  color: #000000;
  mix-blend-mode: normal;
  opacity: 0.3;
}
.text1 {
  position: absolute;
  width: 100px;
  height: 80px;
  font-family: "PingFang SC";
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 370px;
  left: 15px;
  /* identical to box height */
  color: rgba(0, 0, 0, 0.9);
  mix-blend-mode: normal;
  opacity: 0.9;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
image .image {
  position: absolute;
  width: 101px;
  height: 101px;
  left: 0px;
  top: 50px;
  line-height: 200px;
  border-radius: 20px;
}
</style>
